<!--*Author:李优-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <script type="text/javascript" src="../lib/html5shiv.js"></script>
    <script type="text/javascript" src="../lib/respond.min.js"></script>
    <!--<script src="http://code.jquery.com/jquery-latest.js"></script>-->
    <!--<script src="../js/bootstrap.min.js"></script>-->
    <script type="text/javascript" src="../static/h-ui/js/test.js"></script>

    <link href="../static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="../static/h-ui.admin/css/H-ui.login.css" rel="stylesheet" type="text/css" />
    <link href="../static/h-ui.admin/css/style.css" rel="stylesheet" type="te2xt/css" />
    <link href="../lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css" />

    <!--短信验证-->
    <script src="../lib/jquery/1.9.1/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap-validator/0.5.3/js/bootstrapValidator.min.js"></script>

    <title>找回密码</title>
</head>

<body>
<input type="hidden" id="TenantId" name="TenantId" value="" />
<!--后台管理系统-->
<div class="header"></div>
<div class="loginWraper">
    <div id="loginform" class="loginBox">

        <!--表单-->
        <h4 align="center">找&nbsp;&nbsp;回&nbsp;&nbsp;密&nbsp;&nbsp;码</h4>
        <form class="form form-horizontal" action="login.html" method="post">
            <div class="row cl">
                <label for="phoneNum" class="form-label col-xs-3">手机号码</label>
                <div class="formControls col-xs-8">
                    <div class="input-group">
                        <input id="phoneNum" class="form-control input-text size-L" placeholder="请输入手机号码" maxlength="11" type="text">
                    </div>                  <!--注意form-control是网页代码上写的类，什么作用？-->
                </div>
            </div>

            <div class="row cl">
                <label for="idcode-btn" class="form-label col-xs-3">验证码</label>
                <div class="formControls col-xs-8">
                    <div class="input-group">
                        <input id="idcode-btn" class="form-control input-text size-L" placeholder="请输入验证码" maxlength="6" type="text" style="width: 50%; display: inline">
                        <input type="button" id="loadingButton" class="btn btn-primary radius size-L" style="margin-left: 2%" value="获取短信验证码">
                    </div>
                </div>
            </div>

            <div class="row cl">
                <label for="idcode-btn" class="form-label col-xs-3">重置密码</label>
                <div class="formControls col-xs-8">
                    <div class="input-group">
                        <input id="new-pw" class="form-control input-text size-L" placeholder="输入新的8位密码" type="text" >
                    </div>
                </div>
            </div>

            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3" >
                    <button type="submit" class="btn btn-primary radius size-L" style="width: 90%">&nbsp;重&nbsp;&nbsp;置&nbsp;&nbsp;密&nbsp;&nbsp;码&nbsp;</button>
                </div>
            </div>

        </form>
        <!--<form class="form form-horizontal" autocomplete="off" action="login.html" method="post">-->
            <!--<div class="form-group row cl">-->
                <!--<label class="form-label col-xs-3">手机号</label>-->
                <!--<input type="text" class="form-control input-text size-L" name="tel" />-->
            <!--</div>-->

            <!--<div class="form-group row cl">-->
                <!--<label class="form-label col-xs-3">验证码</label>-->
                <!--<input type="text" class="form-control input-text size-L" name="yan" placeholder="请输入验证码" style="width: 50%; display: inline"/>-->
                <!--<button type="button" class="btn btn-primary radius size-L">获取验证码</button>-->
            <!--</div>-->

            <!--<div class="form-group row cl">-->
                <!--<button type="button" id="submit" name="submit" class="btn btn-primary radius size-L" style="width: 90%">提交</button>-->
            <!--</div>-->
        <!--</form>-->
    </div>

</div>

<!--<script src="../lib/jquery/1.9.1/jquery.min.js"></script>-->
<!--<script src="../js/bootstrap.min.js"></script>-->
<!--<script src="http://cdn.bootcss.com/bootstrap-validator/0.5.3/js/bootstrapValidator.min.js"></script>-->
<!--<script>-->
    <!--$('form').bootstrapValidator({-->
        <!--message: 'This value is not valid',-->
        <!--feedbackIcons: {-->
            <!--valid: 'glyphicon glyphicon-ok',-->
            <!--invalid: 'glyphicon glyphicon-remove',-->
            <!--validating: 'glyphicon glyphicon-refresh'-->
        <!--},-->
        <!--fields: {-->
            <!--tel: {-->
                <!--validators: {-->
                    <!--notEmpty: {-->
                        <!--message: '手机号不能为空'-->
                    <!--},-->
                    <!--regexp: {-->
                        <!--regexp: /^1\d{10}$/,-->
                        <!--message: '手机号格式错误'-->
                    <!--}-->
                <!--}-->
            <!--},-->
            <!--yan: {-->
                <!--validators: {-->
                    <!--notEmpty: {-->
                        <!--message: '验证码不能为空'-->
                    <!--},-->
                    <!--regexp: {-->
                    <!--}-->
                <!--}-->
            <!--}-->
        <!--}-->
    <!--});-->

    <!--var bootstrapValidator = $('form').data('bootstrapValidator');-->

    <!--// 提交时验证-->
    <!--$('#submit').on('click', function () {-->
        <!--bootstrapValidator.validate();-->
        <!--if (bootstrapValidator.isValid()) {-->
            <!--//表单提交的方法、比如ajax提交-->
            <!--alert('success');-->
        <!--}-->
    <!--})-->

    <!--// 验证手机号-->
    <!--function checkMobile(str) {-->
        <!--let re = /^1\d{10}$/-->
        <!--if (re.test(str)) {-->
            <!--return true;-->
        <!--} else {-->
            <!--return false;-->
        <!--}-->
    <!--}-->

<!--</script>-->
</body>

</html>



<!--验证码-->
<!--<div class="row cl">-->
<!--<div class="formControls col-xs-8 col-xs-offset-3">-->
<!--<input class="input-text size-L" type="text" placeholder="验证码" onblur="if(this.value==''){this.value='验证码:'}" onclick="if(this.value=='验证码:'){this.value='';}" value="验证码:" style="width:150px;">-->
<!--<img src=""> <a id="kanbuq" href="javascript:;">忘记密码</a>-->
<!--</div>-->
<!--</div>-->
<!--<div class="row cl">-->
    <!--<label for="phoneNum" class="form-label col-xs-3">手机号码</label>-->
    <!--<div class="formControls col-xs-8">-->
        <!--&lt;!&ndash;<div class="form-group has-feedback">原div类&ndash;&gt;-->
        <!--<div class="input-group">-->
            <!--&lt;!&ndash;<span class="input-group-addon"><span class="glyphicon glyphicon-phone"></span></span>&ndash;&gt;-->
            <!--<input id="phoneNum" class="form-control input-text size-L" placeholder="请输入手机号码" maxlength="11" type="text">-->
        <!--</div>                  &lt;!&ndash;注意form-control是网页代码上写的类，之后要看看有什么作用？&ndash;&gt;-->
        <!--&lt;!&ndash;<span style="color:red;display: none;" class="tips"></span>&ndash;&gt;-->
        <!--&lt;!&ndash;<span style="display: none;" class="glyphicon glyphicon-remove form-control-feedback"></span>&ndash;&gt;-->
        <!--&lt;!&ndash;<span style="display: none;" class="glyphicon glyphicon-ok form-control-feedback"></span>&ndash;&gt;-->
    <!--</div>-->
<!--</div>-->

<!--<div class="row cl">-->
    <!--<label for="idcode-btn" class="form-label col-xs-3">校验码</label>-->
    <!--<div class="formControls col-xs-8">-->
        <!--&lt;!&ndash;<div class="form-group has-feedback">原div类&ndash;&gt;-->
        <!--<div class="input-group">-->
            <!--&lt;!&ndash;<span class="input-group-addon"><span class="glyphicon glyphicon-qrcode"></span></span>&ndash;&gt;-->
            <!--<input id="idcode-btn" class="form-control input-text size-L" placeholder="请输入验证码" maxlength="6" type="text" style="width: 50%; display: inline">-->
            <!--<input type="button" id="loadingButton" class="btn btn-primary radius size-L" style="margin-left: 2%" value="获取短信验证码">-->
        <!--</div>-->

        <!--&lt;!&ndash;<span style="color:red;display: none;" class="tips"></span>&ndash;&gt;-->
        <!--&lt;!&ndash;<span style="display: none;" class="glyphicon glyphicon-remove form-control-feedback"></span>&ndash;&gt;-->
        <!--&lt;!&ndash;<span style="display: none;" class="glyphicon glyphicon-ok form-control-feedback"></span>&ndash;&gt;-->
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
    <!--</div>-->
<!--</div>-->